<div class="fl-option-toolbar">
    <div class="notifications icon"></div>
    <div class="fl-toolbar-left-wrapper">
        <h1>Notifications</h1>
    </div>
    
    <div class="fl-toolbar-right-wrapper">
        <!-- <a class="pinit icon dataTip" fl-data-application-id="1" fl-data-type="widget" fl-data-object-id="notif" data-placement="left" data-original-title="Pin this to Dashboard"></a> -->
    </div>
    <div class="clearfix"></div>
</div><!-- end of option toolbar -->
Note: With this <i class="fa fa-exclamation-circle fl-notification-color"></i> means unseen notification.
<br><br>


<div class="fl-notification-wrapper">
    <div class="clearfix"></div> 
         <div class="fl-tab-wrapper">
              <ul id="tabs">
                  <li class="accountInfo_basicInformation"><a id="tab1">Today</a></li>
                  <li class="accountInfo_username"><a id="tab2">Yesterday</a></li>
                  <li class="accountInfo_password"><a id="tab3">Older</a></li>
             </ul>
        </div>
        <div class="fl-head-title-wrapper">
             <h2><br/></h2>
        </div>
        <div class="tab-container" id="tab1C">
                <ul class="notification">
                    <div class="fl-notification-wrapper-scroll notification_today">
                        <div class="fl-no-record-found">
                            <div class="fl-loading-content">
                                <div align="center"><img src="/images/icon/loading.gif"></div>
                                <p>Loading Content...</p>
                            </div>
                        </div>
                    </div> 
                </ul>
        </div>
        <div class="tab-container" id="tab2C">
            <ul class="notification">
                <div class="fl-notification-wrapper-scroll notification_yesterday">
                    <div class="fl-no-record-found">
                        <div class="fl-loading-content">
                            <div align="center"><img src="/images/icon/loading.gif"></div>
                            <p>Loading Content...</p>
                        </div>
                    </div>
                </div> 
            </ul>
        </div>
        <div class="tab-container" id="tab3C">
                <ul class="notification">
                    <div class="fl-notification-wrapper-scroll notification_pastdays">
                        <div class="fl-no-record-found">
                            <div class="fl-loading-content">
                                <div align="center"><img src="/images/icon/loading.gif"></div>
                                <p>Loading Content...</p>
                            </div>
                        </div>
                    </div> 
                </ul>
        </div> 
</div>
<div class="clearfix"></div>  


